<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>搜索结果 - 彼得罗夫水漾透明质酸云朵面霜</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/ziy.css">
    <style>
        /* 可以添加一些自定义的样式 */
       .search-result {
            border: 1px solid #ccc;
            padding: 20px;
            margin: 20px;
            display: flex;
            align-items: center;
        }
       .search-result img {
            width: 200px;
            height: auto;
            margin-right: 20px;
        }
       .result-info h3 {
            margin: 0;
        }
    </style>
</head>
<body>
    <!-- 搜索栏 -->
    <div class="toub_beij">
        <div class="logo"><a href="index.html"><img src="./images/店铺/logo4.jpg" style="width: 255px;height: 95px;"></a></div>
        <div class="search">
            <input type="text" placeholder="彼得罗夫水漾透明质酸云朵面霜" class="text" id="textt">
            <button class="button" onclick="search()">搜索</button>
        </div>
        <div class="right">
            <i class="gw-left"></i>
            <i class="gw-right"></i>
            <div class="sc">
                <i class="gw-count">0</i>
                <i class="sd"></i>
            </div>
            <a href="gouw_che.html">我的购物车</a>
            <div class="dorpdown-layer">
                <ul>
                    <li class="meiyou">
                        <img src="./images/settleup-nogoods.png">
                        <span>购物车中还没有商品，赶紧选购吧！</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="search-results">
        <h2>搜索结果：彼得罗夫水漾透明质酸云朵面霜</h2>
        <div class="search-result">
            <div class="box_img"><a href="shangp_xq4.html"><img src="images/提交订单/彼得罗夫.jpg"></a></div>
            <div class="result-info">
                <h3><a href="shangp_xq4.html">彼得罗夫水漾透明质酸云朵面霜 50ml</a></h3>
                <p>价格：¥391.50</p>
                <a href="#" class="btn"><i></i><span>加入购物车</span></a>
            </div>
        </div>
    </div>

    <script>
        function search() {
            const searchTerm = document.getElementById('textt').value;
            if (searchTerm) {
                window.location.href = `search_result.html?keyword=${encodeURIComponent(searchTerm)}`;
            } else {
                alert('请输入搜索内容');
            }
        }
    </script>
</body>
</html>